<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>
  
  <title>授信申请</title>
</head>
<body class="<%= htmlWebpackPlugin.options.data.tplConfig.bodyClass || '' %>">
  <%- include src/pages/common/header.html -%>

  <div class="content credit__app">
    <div class="main-container">
      <div class="steps-container">
        <ol class="steps">
          <li class="steps__item active">
            <span class="steps__indicator">1</span>
            <div class="steps__inner">提交资料</div>
          </li>
          <li class="steps__item active">
            <span class="steps__indicator">2</span>
            <div class="steps__inner">审批</div>
          </li>
          <li class="steps__item">
            <span class="steps__indicator">3</span>
            <div class="steps__inner">签署合同</div>
          </li>
        </ol>
      </div>

      <div class="stepanel record" style="overflow:inherit;">
        <span class="stepanel__arrow nobar"></span>

        <div class="recorder">
          <!-- 录制完成的视频 -->
          <div class="recorderMain">

          </div>
          <!-- 录制中的视频 -->
          <div id="videos-container">

          </div>
          <div class="recordTime">
            <span class="roundTime"></span>
            <span class="counterTime"> 00 : 00 : 00 </span>
          </div>
          <div class="recorder__toolbar">
            <div class="toolbar__item" id="startRecord">
              <i class="toolbar__icon toolbar__icon--record"></i>
              <div class="toolbar__label">开始录制</div>
            </div>
            <div class="toolbar__item" id="recording" style="display:none;">
              <i class="toolbar__icon toolbar__icon--record"></i>
              <div class="toolbar__label">录制中...</div>
            </div>
            <div class="toolbar__item" id="recorded" style="display:none;">
              <i class="toolbar__icon toolbar__icon--record"></i>
              <div class="toolbar__label">提交视频</div>
            </div>
            <div class="toolbar__item" id="stopRecord">
              <i class="toolbar__icon toolbar__icon--pause"></i>
              <div class="toolbar__label">停止录制</div>
            </div>
            <div class="toolbar__item" id="reRecord" style="display:none;">
              <i class="toolbar__icon toolbar__icon--record"></i>
              <div class="toolbar__label">重新录制</div>
            </div>
          </div>
        </div>

        <div class="record__guide">
          <div class="guide__notice">
            注意:请调整好摄像头角度以后点击开始录制,并按照下述提示录制视频
          </div>

          <ol class="guide__terms">
            <li class="terms__item">
              <span class="terms__no">1</span>
              请面对屏幕微笑
            </li>
            <li class="terms__item">
              <span class="terms__no">2</span>
              请展示身份证正面，并保证您和身份证都能清晰入境
            </li>
            <li class="terms__item">
              <span class="terms__no">3</span>
              请展示身份证反面，并保证您和身份证都能清晰入境
            </li>
            <li class="terms__item">
              <span class="terms__no">4</span>
              请朗读以下文字
            </li>
          </ol>
          <blockquote class="guide__quote">
            <p class="quote__para"> 我正在伟仕小贷平台代表【企业名称】进行最高额授信合同签署，</p>
            <p class="quote__para">合同号码：【xxxxxxx】，</p>
            <p class="quote__para">申请授信额度：xxxxxxx元，</p>
            <p class="quote__para">借授信期限为 xxxx 年 x 月 x 日 至 xxxx 年 x 月 x 日</p>
            <p class="quote__para">我已充分阅读此担保合同，以上内容属实。
              <i class="quote__close"></i>
            </p>
          </blockquote>
          <p style="font-size: 18px;margin-left:28px;">
            <span class="counter"></span>
          </p>
          <button class="btn btn-primary guide__submit" id="commitLz">提交</button>
        </div>
      </div>
    </div>
  </div>

  <%- include src/pages/common/footer.html -%>

  <div class="modal fade messagebox" id="imgNeed" tabindex="-1" role="dialog" aria-labelledby="">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <a class="messagebox__close" data-dismiss="modal" aria-label="Close"></a>
        <div class="modal-body">
          <p class="text-center warnText"></p>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary btn--outline sayNo">取消</button>
          <button class="btn btn-primary sayYes">确认</button>
        </div>
      </div>
    </div>
  </div>

  <%- include src/pages/common/scripts.html -%>
  
</body>
</html>